<!DOCTYPE html>
<html>
  <head>
    <title>Buzz Gardenstarter</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="http://fonts.googleapis.com/css?family=Josefin+Sans+Std+Light|Molengo"
      rel="stylesheet" type="text/css">
    <link
      href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:extralight,regular&subset=latin'
      rel='stylesheet' type='text/css'>
    <link href="/css/screen.css"
      media="screen" rel="stylesheet" type="text/css" />
    <script 
      src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">
    </script>
    <script 
      src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js">
    </script>
    <script src="/js/home.js"></script>
    <script type="text/javascript">
      $(document).ready(function() {
        setInterval(gardenstarter.getItems, 1000);
      });
    </script>
  </head>
  <body>
    <div id="superContainer">
      <h1>Buzz Gardenstarter</h1>
      <div id="stats">
        The last group of updates had <span id="lastItemCount">X items</span>.<br />
        There have been <span id="groupCount">Y</span> groups of updates since you loaded the page.<br />
        The exponential backoff timeout is currently <span id="timeout">Z</span>ms.
      </div>
      <div id="content"></div>
      <footer>
        &copy; 2010 Google
        &nbsp;&nbsp;&mdash;&nbsp;&nbsp;
        <a href="http://code.google.com/p/buzz-codelabs/">View source</a>
      </footer>
    </div>
  </body>
</html>
